<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <!-- <script src="./js/index.js"></script> -->
</head>

<body>
    <!-- 尾部 -->
    <div class="w footer_top">
        <div>
            <h2>支持购买</h2>
            <ul>
                <li><a href="#">打造您的保时捷</a></li>
                <li><a href="#">车型比较</a></li>
                <li><a href="#">搜索易手车</a></li>
                <li><a href="#">查找经销商</a></li>
            </ul>
        </div>
        <div>
            <h2>在线服务</h2>
            <ul>
                <li><a href="#">订阅</a></li>
            </ul>
        </div>
        <div>
            <h2>幕后</h2>
            <ul>
                <li><a href="#">赛车 & 活动</a></li>
                <li><a href="#">参观博物馆</a></li>
            </ul>
        </div>

        <div>
            <h2>公司</h2>
            <ul>
                <li><a href="#">新闻发布</a></li>
                <li><a href="#">保时捷速览</a></li>
                <li><a href="#"> 工作机会</a></li>
                <li><a href="#"> 联系信息</a></li>
                <li><a href="#">“Christophorus” 杂志</a></li>
                <li class="six">
                    <span class="iconfont icon-linedesign-10"></span>
                    <i>主页分享</i>
                    <div class="drop-down">
                        <ul>
                            <li><a href="javascript:;"><span class="iconfont icon-weibo1"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-qq"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-renren"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-weibo2"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-souhu"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-baidu"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-icon-test5"></span></a></li>
                            <li><a href="javascript:;"><span class="iconfont icon-ertongshouhui-xingxing"></span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="box50">
                    <h2>关注保时捷</h2>
                    <a href="javascript:;"><span class="iconfont icon-weibo"></span></a>
                    <a href="javascript:;"><span class="iconfont icon-gongzhonghao"></span></a>
                    <a href="javascript:;"><span class="iconfont icon-youku"></span></a>
                    <a href="javascript:;"><span class="iconfont icon-in"></span></a>
                </li>
            </ul>
        </div>
    </div>
    <footer class="footer_bottom">
        <div class="ipt w ">
            <h2>更改国家或地区：</h2>
            <span>选择一个区域</span>
            <span>选择一个国家和地区</span>
        </div>
        <div class="txt w">
            <p>© 2020 保时捷（中国）汽车销售有限公司 <a href="#">法律声明</a> <a href="#">English</a> <a href="沪ICP备10013326号"></a> </p>
            <p> <img src="./uploads/porsche-normal.png" alt=""><a href="javascript:;">沪公网安备 31011502014993号</a></p>
            <p>保时捷中国强烈建议您：只在授权的保时捷中心购买车辆和配件。</p>
            <p>请 <a href="#">点击这里</a> 获得更多信息。</p>
            <p><a href="#">环保信息公开</a></p>
        </div>
    </footer>
    <!-- 尾部 -->
    <script>
        
        var six = document.querySelector ('.six')
        var dropDown = document.querySelector ('.drop-down')
        six.addEventListener('mouseenter',function(){
            dropDown.style.display = 'block'
        })
        six.addEventListener('mouseout',function(){
            dropDown.style.display = 'none'
        })
    </script>
</body>

</html>